
.main-animate{position: relative;width: 100%;height: 100%;
}
.main-animate .left{
    transition: 1s all;
    width: 50%;height: 100%;
    position: absolute;top: 0;left: 0;
    margin-left: 0;
    background: url("contact/ko7.png") no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.main-animate .right{
    transition: 1s all;
    width: 50%;height: 100%;
    position: absolute;top: 0;right: 0;
    margin-right: 0;
    background: url("contact/ko8.png") no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.main-animate .center{
    transition: 1s all;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-1.5rem;
    margin-left:-1.5rem;
    background: url("contact/ko3.png") no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.main-animate .center-top{
    transition: 1s all;
    width: 3rem;
    height: 2.5rem;
    position: absolute;
    top: 2rem;
    left: 50%;
    margin-left:-1.5rem;
    background: url("contact/ko2.png") no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.main-animate.active .left{
    opacity: 0;
    margin-left: -50%;
}
.main-animate.active .right{
    opacity: 0;
    margin-right:  -50%;
}

.main-animate.active .center{
    width: 4rem;
    height: 4rem;
    margin-top:-2rem;
    margin-left:-2rem;
    opacity: 0;
}

.long-button{position: fixed;width: 2rem;bottom: 2rem;left: 50%;margin-left: -1rem;text-align: center;}
.long-button.active{display: none;}
.lastPage{
    background: url("contact/ko6.jpg") no-repeat;
    background-position: center;
    background-size: 100% auto;
    opacity: 0;position: fixed;
    z-index: 1;
    top: 0;left: 100%; width: 0;height:0;}
.lastPage.active{
    left: 0;
    animation: myfirst 0.6s ease 0.5s forwards;
}

@keyframes myfirst
{
    0%   {opacity: 0;top:50%;left: 50%; width: 0;height:0;}
    80%   {opacity: 1;top:-10%;left: -10%; width: 120%;height:120%;}
    100%   {opacity: 1;top:0;left: 0; width: 100%;height:100%;}
}

